﻿@{
    ViewBag.Title = "DTweet - Login or Sign-up";
}
<div style="border: 1px solid #D7D7D7; border-right: 0; border-left: 0;">
<link href="@Url.Content("~/Content/Styles/dashingquill.account.css")" rel="stylesheet" type="text/css" />
<div id="login-section" style="border-top: 0;">
    <h2 id="error">
    </h2>
    <div>
        <label for="login-name">
            User Name</label>
        <input type="text" id="login-name" name="login-name" value="" placeholder="Username" />
    </div>
    <div>
        <label for="login-password">
            Password</label>
        <input type="password" id="login-password" name="login-password" value="" placeholder="Password" />
    </div>
    <div style="padding-top: 10px;">
        <div id="login-now" style="margin-left: 100px;">
            Log in &gt;&gt;
        </div>
    </div>
</div>
<div id="separator">
    <h2>
        Sign Up! - It's free and always be.</h2>
</div>
<div id="account-section" style="border-bottom: 0;">
    <h2 id="error2"></h2>    
    <div>
        <label for="fullname">
            Full Name</label>
        <input type="text" id="fullname" name="fullname" value="" placeholder="Publicly visible" />
    </div>
    <div>
        <label for="username">
            User Name</label>
        <input type="text" id="username" name="username" value="" placeholder="Visible only to you!" />
    </div>
    <div>
        <label for="password">
            Password</label>
        <input type="password" id="password" name="password" value="" placeholder="Your own choice!" />
    </div>
    <div>
        <img src="" id="gravatar-image" alt="" style="display:none; margin-left:100px;" />
    </div>    
    <div>
        <label for="password">Email</label>
        <input type="text" id="email" name="email" value="" placeholder="For gravatar image" />        
    </div>
    <div style="padding-top: 10px;">
        <div id="create-account" style="margin-left: 100px;">
            + Create Account</div>
    </div>
</div>
    </div>
@section JavaScript
{
    <script src="@Url.Content("~/Content/JavaScript/dashingquill.account.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Content/JavaScript/gravatar.js")" type="text/javascript"></script>
    <script>
        account.handleEvents();
    </script>
}